<script language="javascript" src="modul/siswa/ajax.js"></script>
<style type="text/css">
    button {
        margin: 2px; 
        position: relative; 
        padding: 4px 8px 4px 4px; 
        cursor: pointer;   
        list-style: none;
    }
    button span.ui-icon {
        float: left; 
        margin: 0 4px;
    }
    #menu-tombol {
        padding-bottom:10px;
        padding:5px 5px 5px 5px;
    }
    #tombol-tambah{
        float:left;
        width:250px;
    }
    #tombol-cari{
        float:right;
        width:550px;
        text-align:right;
    }
    #tampil_data{
        margin-top:30px;
    }

</style>
<?php
// www.contoh-ta.com
//author : asep setiawan & Team
ini_set('display_errors', 1);
ini_set('error_reporting', E_ERROR);
?>
<div id='dalam_content'>
    <div id="messages"></div>
    <h2>DAFTAR SISWA</h2>
    <div id='menu-tombol'>
        <div id='tombol-tambah'>
            <button class='ui-state-default ui-corner-all' id='tambah'>
                <span class='ui-icon ui-icon-circle-plus'></span>Tambah
            </button>
        </div>
        <div id='tombol-cari'>
            <input type='text' id='txt_cari' size='30'>
            <button class='ui-state-default ui-corner-all' id='cari'>
                <span class='ui-icon ui-icon-search'></span>Cari
            </button>
        </div>
    </div>
    <div id='tampil_data'></div>
</div>
<div id='form_input'>
    <div id="form_messages"></div>
    <div id="form_input_content">
        <h3>Data Siswa</h3>
        <div>
            <table width='100%'>
                <tr>
                    <td>Nomor Induk</td>
                    <td width='2%'>:</td>
                    <td><input type='text' name='nomor' id='nomor' size='25' maxlength='10' class='input' /></td>
                </tr>
                <tr>
                    <td>Nama</td>
                    <td width='2%'>:</td>
                    <td><input type='text' name='siswa' id='siswa' size='50' maxlength='50' class='input'></td>
                </tr>
                <tr>
                    <td>Jenis Kelamin</td>
                    <td width='2%'>:</td>
                    <td><label><input type="radio" id="jkl" name="jk" value="L" checked> Laki-laki</label> 
                        <label><input type="radio" id="jkp" name="jk" value="P"> Perempuan</label> 
                        <!--
                        <select name='jk' id='jk'>
                        <option value=''>-Pilih-</option>
                        <option value='L'>Laki-laki</option>
                        <option value='P'>Perempuan</option>
                        </select>
                        -->
                    </td>
                </tr>
                <tr>
                    <td>Tempat Lahir</td>
                    <td width='2%'>:</td>
                    <td><input type='text' name='tempat' id='tempat' size='30' maxlength='30' class='input'></td>
                </tr>
                <tr>
                    <td>Tanggal Lahir</td>
                    <td width='2%'>:</td>
                    <td><input type='text' name='tgl' id='tgl' size='12' maxlength='12' class='input'></td>
                </tr>
                <tr>
                    <td>Alamat</td>
                    <td width='2%'>:</td>
                    <td><textarea rows="2" cols="50" id="alamat" maxlength="50"></textarea></td>
                </tr>
                <tr>
                    <td>Agama</td>
                    <td width='2%'>:</td>
                    <td><select name='agama' id='agama'>
                            <option value=''>-Pilih-</option>
                            <option value='Islam' selected>Islam</option>
                            <option value='Kristen'>Kristen</option>
                            <option value='Budha'>Budha</option>
                            <option value='Hindu'>Hindu</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Pilihan Sekolah</td>
                    <td width='2%'>:</td>
                    <td><select name='ps' id='ps'>
                            <option value=''>-Pilih-</option>
                            <option value='PAUD'>PAUD</option>
                            <option value='TK'>TK</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Tingkat TK</td>
                    <td width='2%'>:</td>
                    <td><select name='ttk' id='ttk'>
                            <option value=''>-Pilih-</option>
                            <option value='A'>A</option>
                            <option value='B'>B</option>
                        </select>
                    </td>
                </tr>
            </table>
        </div>

        <h3>Data Wali</h3>
        <div>
            <table>
                <tr>
                    <td>Nama Wali</td>
                    <td width='2%'>:</td>
                    <td><input type='text' name='namawali' id='namawali' size='50' maxlength='50' class='input'></td>
                </tr>
                <tr>
                    <td>Alamat</td>
                    <td width='2%'>:</td>
                    <td><textarea rows="2" cols="50" id="alamatwali" maxlength="50" class='input'></textarea></td>
                </tr>
                <tr>
                    <td>Pekerjaan</td>
                    <td width='2%'>:</td>
                    <td><input type='text' name='pekerjaan' id='pekerjaan' size='50' maxlength='50' class='input'></td>
                </tr>
                <tr>
                    <td>HP</td>
                    <td width='2%'>:</td>
                    <td><input type='text' name='hp' id='hp' size='20' maxlength='20' class='input'></td>
                </tr>
            </table>
        </div>

        <h3>Biaya</h3>
        <div>
            <table>
                <tbody id="listbiaya"></tbody>

                <!--				
                <tr>
                <td>Biaya pendaftaran</td>
                <td width='2%'>:</td>
                <td><label><input type='checkbox' name='biaya' id='biaya' value='75.000'/> Biaya pendaftaran Rp. 75.000</label></td>
                </tr>
                <tr>
                <td>Biaya seragam</td>
                <td width='2%'>:</td>
                <td><label><input type='checkbox' name='bseragan' id='bseragam' value='350.000'/> 3 stel seragam Rp. 350.000</label></td>
                </tr>
                <tr>
                <td>Biaya perlengkapan belajar</td>
                <td width='2%'>:</td>
                <td><label><input type='checkbox' name='bbulat' id='bbulat' value='105.000'/> Buku dan Alat sempoa Rp. 105.000</label></td>
                </tr>
                -->

            </table>
        </div>
    </div>
</div>
<div id="dlg_konfirmasi_hapus" title="Konfirmasi">
    <div id="dlg_message"></div>
</div>